// Datepicker ----------------------------- /

.ui-datepicker {
 width: 250px;
 padding: 15px;
 z-index: 100 !important;
  display: none;
 background-color: #f8f8f8;
 box-shadow: 0 0 10px rgba(0,0,0,0.1);
 border: 8px solid #fff;
}

// Hlavicka ------------------ /

.ui-datepicker-header {
 margin: -15px -15px 15px -15px;
 padding: 15px;
 background-color: $orange;
 color: #fff;
}
.ui-datepicker-title {
 width: 100%;
 text-align: center;
 font: 17px 'Tillium', Helvetica, sans-serif;
}
.ui-datepicker-prev,
.ui-datepicker-next {
 width: 13px;
 height: 24px;
 background: url('../img/ui/ui-datepicker-arrow.png') no-repeat;
 position: absolute;
 top: 12px;
 z-index: 10;
 display: block;
 overflow: hidden;
 text-indent: -100px;
 color: #fff;
 cursor: pointer;
}
.ui-datepicker-prev {
 left: 15px;
 background-position: left top;
}
.ui-datepicker-next {
 right: 15px;
 background-position: right top;
}

// Tabulka ------------------ /

.ui-datepicker-calendar {
 width: 100%;
 margin-bottom: 10px;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
 padding: 20px 0 0 0;
 text-align: center;
 font-size: 14px;
}
.ui-datepicker-calendar th {
 padding-bottom: 10px;
 padding-top: 0;
 border-bottom: 1px solid #eaeaea;
 text-transform: uppercase;
}
.ui-datepicker-calendar a {
 display: block;
 text-decoration: none;
 color: #717671;
}


// Stavy /

.ui-datepicker-calendar .ui-state-highlight {
 font-weight: bold;
 color: #333634;
}
.ui-datepicker-calendar .ui-state-active {
 font-weight: bold;
 color: $orange;
}
.ui-datepicker-calendar .ui-state-disabled {
  color: #adafae;
  cursor: not-allowed;
}
.ui-datepicker-calendar a:hover {
 text-decoration: underline;
 color: $orange;
}